<!DOCTYPE html>
<head>
    <meta charset="UTF-8" />
    <title>HTML  简单表格</title>
    <style type="text/css">
    table {
    border-collapse: collapse;
}
caption {
    font-weight: bold;                
}
th,
td {
    border: 2px solid black;
}
th {   
    text-align: center;                
    background-color:lightblue;  
    color:white;    
}                    
td {
    text-align: right;                   
}
tfoot {
    font-weight: bold;    
}           
</style>
</head>
<body>
    <table width="400">
        <caption>运动会跑步成绩</caption>
        <thead>
      
            <tr>
                <th scope="col">长度</th>
                <th scope="col">李雯</th>
                <th scope="col">王谦</th>
                <th scope="col">周佳</th>
            </tr>
        </thead>
        <tbody>
         
            <tr>
                <th scope="row">100米</th>
                <td>14s</td>
                <td>16s</td>
                <td>13s</td>
            </tr>
            <tr>
                <th scope="row">200米</th>
                <td>26s</td>
                <td>23s</td>
                <td>25s</td>
            </tr>
            <tr>
                <th scope="row">400米</th>
                <td>70s</td>
                <td>73s</td>
                <td>69s</td>
            </tr>
        </tbody>
        <tfoot>

            <tr>
                <th scope="row">总用时</th>
                <td>110s</td>
                <td>112s</td>
                <td>107s</td>
            </tr>
        </tfoot>
    </table>
</body>
</html>